<link rel="stylesheet" href="/public/static/libs/bui/css/chat.css?s" />

<div class="bui-page page-chat">
    <header id="chat_head">
		<div class="bui-bar">
			<div class="bui-bar-left">
				<a class="bui-btn btn-back"><i class="icon-back"></i></a>
			</div>
			<div class="bui-bar-main">
				<span id="send_user_name">会话记录</span>
			</div>
			<!-- 有下拉菜单时,需要修改bui-bar-right的overflow属性为可视 -->
			<div class="bui-bar-right" style="overflow:visible;">
				<!-- 不修改文本值 -->
				<div id="right_more" class="bui-dropdown" change="false">
					<div class="bui-btn bui-box-center">
						<i class="icon-plus"></i>
					</div>
					<ul class="bui-list round" id="TopRightBtn">                    
					</ul>
				</div>			
			</div>
		</div>
		<div class="header_content" style="display:none;">
			<div id="remind_online"><span class="welcome-user"></span><span class="online">对方正在输入中,请不要离开!</span></div>
			<div class="chat_iframe_div" style="display:none;" id="chat_iframe_div"><iframe name="iframe_chat" class="iframe_chat" id="iframe_chat" src="about:blank"  width="100%" height="50" scrolling="no" frameborder="0" allowfullscreen="true"></iframe></div>
		</div>

		<div id="choose_model" class="bui-navbar" style="background:#fff;">
			<ul class="bui-nav">
				<!--<li data-type="chat" class="bui-btn active">互动</li>-->
			</ul>
		</div>

    </header>

    <main id="chat_main">		
        <div class="bui-panel chat-panel" id="chat_win"><!--聊天内容--></div>		
		<div id="more_content" style="display:none;"><iframe name="iframe_more" id="iframe_more" src="about:blank"  width="100%" height="100%"  frameborder="0" allowfullscreen="true"></iframe></div>
    </main>
	 
    <footer>
        <div class="chatbar">
            <div class="bui-input">
                <i class="glyphicon glyphicon-plus-sign" id="show_hack"></i>
				 <textarea class="chatInput"></textarea>
				 <i class="fa fa-smile-o" id="choose_qqface"></i>				 
				<span id="btnSend" class="bui-btn round disabled">发送</span>
            </div>
			<div class="face_wrap"></div>
			<div class="chat_mod_btn"></div>
        </div>
    </footer>
	 
</div>

